//头部公共代码
define(['jquery'], () => {
    class Header {
        constructor() {
            this.init()
        }
        init() {
            // 把header.html里的DOM结构加载到页面的<header>标签里
            $('header').load('/html/modules/header.html', () => {
                // 这里是异步加载的回调函数，这里代表header.htmlmin加载完成
                // 因此咱们要找header里的元素只能在这里找
                /*下边的这些方法都不是必须用到的只是为了判断是否成功了*/
                this.serarch()
                this.nav()
            })
        }
        serarch() {
            // 如果事件绑定没效果
            //  在事件里console.log(123)看看有没有，如果有说明事件绑定时成功的，就看事件里的代码有没有问题
            //     如果console.log(123)都没有，说明事件没有绑定成功
            //     1、事件绑定代码写错了
            //     2、在事件之前去console当前元素，看看元素找到没有
            console.log($('#input_search'))
            $('#input_search').on('keyup', function () {
                console.log(123)
                console.log($(this).val())
            })
        }
        nav() {
            // 其他的要操作header的DOM元素的方法
        }
    }
    return Header
})
